<template>
  <div>
    <router-view
      :homelist="homelist"
      :itemlist="itemlist"
      :listdata="listdata"
      @join="join"
      :arr="arr"
      @updata="updata"
      :updatalist="updatalist"
      @song="song"
      :addlist="addlist"
      :userlistAll="userlistAll"
      :shoplist="shoplist"
      :buylist="buylist"
    ></router-view>
  </div>
</template>

<script>
import { getHomelist, getItemlist, getListdata } from "./api/app";
export default {
  data() {
    return {
      // homelist: [
      //   {
      //     // 轮播图数据
      //     banner: [
      //       {
      //         id: 1,
      //         name: "坚果R2",
      //         imgurl:
      //           "https://resource.smartisan.com/resource/15281a93ab968555ba3bd7a911b14f68.png",

      //       },
      //       {
      //         id: 2,
      //         name: "Smartisan 真无线蓝牙耳机（抖音文创限量款）",
      //         imgurl:
      //           "https://resource.smartisan.com/resource/48bf30c86c996662ecf795002215f023.png",
      //       },
      //     ],
      //   },
      //   {
      //     //更多商品的数据
      //     morelistleft: [
      //       {
      //         id:1,
      //         moreurl:
      //           "https://resource.smartisan.com/resource/4d9e7683b590cf4a6996d3b13136bcf8.png",
      //         name: "坚果R2",
      //         price: 2699,
      //       },
      //       {
      //         id: 21,
      //         moreurl:
      //           "https://resource.smartisan.com/resource/2d68b229cc7cafbb1e74bc0f996fa57c.png",
      //         name: "Smartisan TNT go",
      //         price: 1699,
      //       },
      //       {
      //         id: 22,
      //         moreurl:
      //           "https://resource.smartisan.com/resource/c9a55fe8b5bc506fec60659aa2dcebe9.png",
      //         name: "Smartisan 智能手写笔",
      //         price: 499,
      //       },
      //     ],
      //   },
      //   {
      //      //更多商品的数据
      //     morelistright: [
      //       {
      //         id: 23,
      //         moreurl:
      //         "https://resource.smartisan.com/resource/79c58355d2f5fd53988684b96d405f9b.png",
      //         name: "Smartisan TNT 大满足套装",
      //         price: 3699,
      //       },
      //       {
      //         id: 24,
      //         moreurl:
      //           "https://resource.smartisan.com/resource/211d521553c8816ae1dc6fb5ecdcc99d.jpg",
      //         name: "Smartisan 真无线蓝牙耳机（抖音文创限量款）",
      //         price: 299,
      //       },
      //       {
      //         id: 25,
      //         moreurl:
      //           "https://resource.smartisan.com/resource/82aab62886740f165a3631ce6cffe895.jpg",
      //         name: "坚果彩虹数据线",
      //         price: 9.9,
      //       },
      //     ],
      //   },
      //   {
      //     show:[
      //         {
      //          id: 1,
      //           name: "坚果R2",
      //         headurl:"https://resource.smartisan.com/resource/22efe637bf1c8270a6ff4e1e82d9dc7a.png",
      //         postlist:[
      //             {
      //             id: 1,
      //             name: "坚果R2",
      //             postimgurl:
      //               "https://resource.smartisan.com/resource/a1d393f37ec04fee063a98711d1cf474.png",
      //            },
      //            {
      //             id: 6,
      //             postimgurl:
      //               "https://resource.smartisan.com/resource/7c9c14e80f34f69fd13decdbff25e0fb.png",
      //            },
      //            {
      //             id: 7,
      //             postimgurl:
      //               "https://resource.smartisan.com/resource/62dfa3d51d9d861ab48340ca5fe94e46.png",
      //            },
      //            {
      //             id: 8,
      //             postimgurl:
      //               "https://resource.smartisan.com/resource/2202f94f4c99747e701db364fb15eb56.png",
      //           },

      //         ]
      //         },
      //         {
      //         id: 9,
      //          name: "Smartisan TNT go",
      //         headurl:"https://resource.smartisan.com/resource/00b4963361fbc07943ce68b42c52a6cd.png",
      //         postlist:[
      //             {
      //             id: 10,
      //             postimgurl:
      //               "https://resource.smartisan.com/resource/8f37cc45f4e30864d2e43f3243cdec68.png",
      //             },
      //           {
      //             id: 11,
      //             postimgurl:
      //               "https://resource.smartisan.com/resource/6d297cd62601f303f4886f84ab9a3d68.png",
      //           },
      //           {
      //             id: 12,
      //             postimgurl:
      //               "https://resource.smartisan.com/resource/cf1138cfddc3bddd10aea1650df8636c.png",
      //           },
      //           {
      //             id: 13,
      //             postimgurl:
      //               "https://resource.smartisan.com/resource/cef3310e392d09b121ed570df649f340.png",
      //           },
      //         ]
      //         },
      //         {
      //         id: 15,
      //         headurl:"https://resource.smartisan.com/resource/0ecb6d28c87606313cf189f913a24ce3.png",
      //         postlist:[
      //               {
      //             id: 5,
      //             postimgurl:
      //               "https://resource.smartisan.com/resource/a1d393f37ec04fee063a98711d1cf474.png",
      //            },
      //            {
      //             id: 6,
      //             postimgurl:
      //               "https://resource.smartisan.com/resource/7c9c14e80f34f69fd13decdbff25e0fb.png",
      //            },
      //            {
      //             id: 7,
      //             postimgurl:
      //               "https://resource.smartisan.com/resource/62dfa3d51d9d861ab48340ca5fe94e46.png",
      //            },
      //            {
      //             id: 8,
      //             postimgurl:
      //               "https://resource.smartisan.com/resource/2202f94f4c99747e701db364fb15eb56.png",
      //           },
      //         ]
      //         },
      //     ]
      //   }
      // ],
      // itemlist:[
      //   {
      //   id:1,
      //   item:{
      //         banner:[
      //         {
      //           id:88,
      //           bannerurl:'https://resource.smartisan.com/resource/4d9e7683b590cf4a6996d3b13136bcf8.png'
      //         },
      //          {
      //             id:99,
      //           bannerurl:'https://resource.smartisan.com/resource/5551ee82bf3b846e432d8ef2ed211eaf.png'
      //         },
      //          {
      //           id:77,
      //           bannerurl:'https://resource.smartisan.com/resource/ba365c37a514ae9412cc1dd563740a86.jpg'
      //         }
      //     ],
      //     name:'坚果R2',
      //     Description:'是下一代手机,更是下一代电脑',
      //     Evaluation:null,
      //     price:'2699.00',
      //     Version:'8G+128G',
      //     color:'浅黑色',
      //     num:1,
      //     Details:[
      //        {
      //         step:1,
      //          Detailsurl:'https://resource.smartisan.com/resource/2c53e6c11f34486141d3903cf7f61b49.png'
      //        },
      //        {
      //          step:2,
      //          Detailsurl:'https://resource.smartisan.com/resource/70ee11d4b01bf8b4869d30b1bcda8c4a.png.png'
      //        },
      //        {
      //          step:3,
      //          Detailsurl:'https://resource.smartisan.com/resource/b8796110ecbe395255ffff8d86c973c4.png.png'
      //        },
      //        {
      //          step:4,
      //          Detailsurl:'https://resource.smartisan.com/resource/47b793fea2e58590663a685485f96381.png.png'
      //        },
      //        {
      //          step:5,
      //          Detailsurl:'https://resource.smartisan.com/resource/8809843802d02585374a35d1f2c3d1aa.png'
      //        },
      //        {
      //          step:6,
      //          Detailsurl:'https://resource.smartisan.com/resource/b4045f81ad3c249bbe41c635ed26f2ab.png'
      //        },
      //        {
      //          step:7,
      //          Detailsurl:'https://resource.smartisan.com/resource/a1dba172be7d797e5c521131f21cbd38.png'
      //        },
      //        {
      //          step:8,
      //          Detailsurl:'https://resource.smartisan.com/resource/9a26d03c2af673365ef23a32f436c20e.png'
      //        },
      //        {
      //          step:9,
      //          Detailsurl:'https://resource.smartisan.com/resource/a1dbf8f4ca007dd4276e200b2dc56025.png'
      //        },
      //     ],
      //     Recommended:[
      //       {
      //         name:'Smartisan 真无线蓝牙耳机（抖音文创限量款）',
      //         REvaluation:'抖音文创限量版',
      //         price:299.00,
      //         url:'https://resource.smartisan.com/resource/211d521553c8816ae1dc6fb5ecdcc99d.jpg'
      //       },
      //        {
      //         name:'Smartisan TNT go',
      //         REvaluation:'欢迎使用下一代电脑',
      //         price:1699.00,
      //         url:'https://resource.smartisan.com/resource/2d68b229cc7cafbb1e74bc0f996fa57c.png'
      //       },
      //        {
      //         name:'足迹保护套 人类首次公开使用乙醚 for iPhone 11',
      //         REvaluation:'公益宝贝',
      //         price:29.00,
      //         url:'https://resource.smartisan.com/resource/3899737bb15dae97d261a080d3b9894d.jpg'
      //       },
      //        {
      //         name:'坚果 R2 足迹系列保护套',
      //         REvaluation:'7种主题随机发货',
      //         price:99.00,
      //         url:'https://resource.smartisan.com/resource/4974b2bb24ae8607c55a73944662f1f7.jpg'
      //       },
      //        {
      //         name:'Smartisan 真无线蓝牙耳机（抖音文创限量款）',
      //         REvaluation:'抖音文创限量版',
      //         price:299.00,
      //         url:'https://resource.smartisan.com/resource/211d521553c8816ae1dc6fb5ecdcc99d.jpg'
      //       },
      //        {
      //         name:'Smartisan TNT go',
      //         REvaluation:'欢迎使用下一代电脑',
      //         price:1699.00,
      //         url:'https://resource.smartisan.com/resource/2d68b229cc7cafbb1e74bc0f996fa57c.png'
      //       },
      //        {
      //         name:'足迹保护套 人类首次公开使用乙醚 for iPhone 11',
      //         REvaluation:'公益宝贝',
      //         price:29.00,
      //         url:'https://resource.smartisan.com/resource/3899737bb15dae97d261a080d3b9894d.jpg'
      //       },
      //        {
      //         name:'坚果 R2 足迹系列保护套',
      //         REvaluation:'7种主题随机发货',
      //         price:99.00,
      //         url:'https://resource.smartisan.com/resource/4974b2bb24ae8607c55a73944662f1f7.jpg'
      //       },
      //     ],
      //     url:'https://resource.smartisan.com/resource/4d9e7683b590cf4a6996d3b13136bcf8.png'
      //     },

      //   },
      //   {
      //     id:2,
      //     item:{
      //         banner:[
      //         {
      //           id:101,
      //           bannerurl:'https://resource.smartisan.com/resource/e991f946530a7cfab3d9670dd8b1371b.png'
      //         },
      //          {
      //             id:102,
      //           bannerurl:'https://resource.smartisan.com/resource/c3e8d0dbb61f41cbe86bd7684d58a968.png'
      //         },
      //          {
      //           id:103,
      //           bannerurl:'https://resource.smartisan.com/resource/52fcdb420db14c83448475f650df06c4.png'
      //          },
      //           {
      //           id:104,
      //           bannerurl:'https://resource.smartisan.com/resource/465234ac5536cf3c5a8ab400e02d6b5f.png'
      //          },
      //           {
      //           id:105,
      //           bannerurl:'https://resource.smartisan.com/resource/831c70ebba199f0c4e71d760578594f0.png'
      //          },
      //       ],

      //       name:'Smartisan 真无线TWS蓝牙耳机',
      //       Description:'智能配对 开盖即连',
      //       Evaluation:'',
      //       price:'99.00',
      //       Version:null,
      //       color:'白色',
      //       num:1,
      //       Details:[
      //        {
      //         step:1,
      //          Detailsurl:'https://resource.smartisan.com/resource/4119a9d610f8a089dff85484d79fb043.png'
      //        },
      //       ],
      //       Recommended:[
      //       {
      //         name:'Smartisan 真无线蓝牙耳机（抖音文创限量款）',
      //         REvaluation:'抖音文创限量版',
      //         price:299.00,
      //         url:'https://resource.smartisan.com/resource/211d521553c8816ae1dc6fb5ecdcc99d.jpg'
      //       },
      //        {
      //         name:'Smartisan TNT go',
      //         REvaluation:'欢迎使用下一代电脑',
      //         price:1699.00,
      //         url:'https://resource.smartisan.com/resource/2d68b229cc7cafbb1e74bc0f996fa57c.png'
      //       },
      //        {
      //         name:'足迹保护套 人类首次公开使用乙醚 for iPhone 11',
      //         REvaluation:'公益宝贝',
      //         price:29.00,
      //         url:'https://resource.smartisan.com/resource/3899737bb15dae97d261a080d3b9894d.jpg'
      //       },
      //        {
      //         name:'坚果 R2 足迹系列保护套',
      //         REvaluation:'7种主题随机发货',
      //         price:99.00,
      //         url:'https://resource.smartisan.com/resource/4974b2bb24ae8607c55a73944662f1f7.jpg'
      //       },
      //        {
      //         name:'Smartisan 真无线蓝牙耳机（抖音文创限量款）',
      //         REvaluation:'抖音文创限量版',
      //         price:299.00,
      //         url:'https://resource.smartisan.com/resource/211d521553c8816ae1dc6fb5ecdcc99d.jpg'
      //       },
      //        {
      //         name:'Smartisan TNT go',
      //         REvaluation:'欢迎使用下一代电脑',
      //         price:1699.00,
      //         url:'https://resource.smartisan.com/resource/2d68b229cc7cafbb1e74bc0f996fa57c.png'
      //       },
      //        {
      //         name:'足迹保护套 人类首次公开使用乙醚 for iPhone 11',
      //         REvaluation:'公益宝贝',
      //         price:29.00,
      //         url:'https://resource.smartisan.com/resource/3899737bb15dae97d261a080d3b9894d.jpg'
      //       },
      //        {
      //         name:'坚果 R2 足迹系列保护套',
      //         REvaluation:'7种主题随机发货',
      //         price:99.00,
      //         url:'https://resource.smartisan.com/resource/4974b2bb24ae8607c55a73944662f1f7.jpg'
      //       },
      //       ],
      //        url:'https://resource.smartisan.com/resource/e991f946530a7cfab3d9670dd8b1371b.png',
      //     }

      //   },
      // ],
      // listdata:[
      //   {
      //     id:1,
      //     imgurl:'https://resource.smartisan.com/resource/4974b2bb24ae8607c55a73944662f1f7.jpg',
      //     Description:'七种主题随机发货',
      //     price:59.00,
      //     name:'坚果 R2'
      //   },
      //    {
      //     id:2,
      //     imgurl:'https://resource.smartisan.com/resource/5888f9b53cd1184ac32f2ae778cd7804.jpg',
      //     Description:'为了那些改变人类足迹的进程',
      //     price:29.00,
      //     name:'坚果 R2 足迹系列保护套 联合国通过《儿童权利宣言》'
      //   },
      //    {
      //     id:3,
      //     imgurl:'https://resource.smartisan.com/resource/933ea337a2cd0069117b9cfcd4170ed0.jpg',
      //     Description:'为了那些改变人类足迹的进程',
      //     price:59.00,
      //     name:'坚果 R2 足迹系列保护套 圆珠笔的改进者出生'
      //   },
      //    {
      //     id:4,
      //     imgurl:'https://resource.smartisan.com/resource/992672ec0bd109c5915ca47ffd548fea.jpg',
      //     Description:'为了那些改变人类足迹的进程',
      //     price:29.00,
      //     name:'坚果 R2 足迹系列保护套 3M 开始销售透明胶带'
      //   },
      //    {
      //     id:5,
      //     imgurl:'https://resource.smartisan.com/resource/4a95e648a4ec570aebad08e501cbffba.jpg',
      //     Description:'为了那些改变人类足迹的进程',
      //     price:59.00,
      //     name:'坚果 R2 足迹系列保护套 正电子的发现者出生'
      //   },
      //    {
      //     id:5,
      //     imgurl:'https://resource.smartisan.com/resource/4a95e648a4ec570aebad08e501cbffba.jpg',
      //     Description:'为了那些改变人类足迹的进程',
      //     price:59.00,
      //     name:'TNT'
      //   },
      //    {
      //     id:5,
      //     imgurl:'https://resource.smartisan.com/resource/4a95e648a4ec570aebad08e501cbffba.jpg',
      //     Description:'为了那些改变人类足迹的进程',
      //     price:59.00,
      //     name:'蓝牙耳机'
      //   },
      // ],
      homelist: null,
      itemlist: null,
      listdata: null,
      updatalist: null,
      arr: [],
      id: 10,
      buylist: [],
      addlist: null,
      userlistAll: null,
      shoplist: null,
    };
  },
  methods: {
    join({ list, id }) {
      console.log(id);
      console.log(this.arr);
      //   this.arr.forEach(item => {
      //  if (item.list.id==id) {
      //         item.list.num+=1
      //         let index =this.arr.findIndex(item=>item.list.id=id)
      //         console.log(index);
      //         this.arr.splice(index,1)
      //      }
      // });
      
      // if (this.arr.length != 0) {
      //     console.log("相同");
      //     let index = this.arr.findIndex((item) => (item.list.id = id));
      //     console.log(this.arr[index]);
      //     this.arr[index].list.num += 1;
      //     this.arr.pop();
      // }
   
      if (list) {
        this.arr.push({ id: this.id, list });
      }

      // this.id+=1
      // console.log(this.arr);
    },
    updata({ list1, list2 }) {
      console.log(list1);
      this.buylist = [...this.buylist, ...list1];
      this.arr = list2;
      this.updatalist = this.buylist;
      this.shoplist = list1;
    },
    song(data) {
      this.addlist = data;
    },

    getHomelistFun() {
      getHomelist().then((data) => {
        this.homelist = data.data;
      });
    },
    getItemlistFun() {
      getItemlist().then((data) => {
        this.itemlist = data.data;
      });
    },
    getListdataFun() {
      getListdata().then((data) => {
        this.listdata = data.data;
      });
    },
  },
  created() {
    this.getHomelistFun();
    this.getItemlistFun();
    this.getListdataFun();
    // console.log(this.receivelist, this.userlistAll);
  },
};
</script>

<style lang="scss" scoped>
@import "./assets/css/base.css";
</style>